﻿@using Unijovem.UI.Extensions
@model IEnumerable<Unijovem.UI.Models.ForumModel>
@{
    ViewBag.Title = "Visualizar";
}
<script type="text/javascript">
    $(function () {
        $('div.borderVermelha').each(function () {
            $(this).corner('round 10px');
        });

        $('table.borderVermelha').each(function () {
            $(this).corner('round 10px');
        });

        $('div.forumDetalhes').each(function (index) {
            $(this).mouseover(function () {
                $(this).removeClass("forumDetalhes");
                $(this).addClass("forumDetalhesOver");
            });

            $(this).mouseout(function () {
                var informacao = $('table.borderVermelha')[index];

                if ($(informacao).is(":visible") == false) {
                    $(this).addClass("forumDetalhes");
                    $(this).removeClass("forumDetalhesOver");
                }
            });

            var fonteDestaque = $('div.fonteDestaque')[index];
            var forumDetalhes = $(this);

            $(fonteDestaque).click(function () {
                var informacao = $('table.borderVermelha')[index];

                if ($(informacao).is(":visible")) {
                    $(informacao).slideUp("slow");
                    forumDetalhes.addClass("forumDetalhes");
                    forumDetalhes.removeClass("forumDetalhesOver");
                } else {
                    $(informacao).slideDown("slow");
                }
            });
        });
    });
</script>
<h3>Fórum</h3>
@Html.ActionLink("Músicas", "Visualizar", "Musica", null, new { @class = "botaoVermelho floatLeft" })
<div style="width: 20px;" class="floatLeft">&nbsp;</div>
@Html.ActionLink("Mensagens", "Visualizar", "Pregacao", null, new { @class = "botaoVermelho floatLeft" })
<div style="width: 20px;" class="floatLeft">&nbsp;</div>
@Html.ActionLink("Fórum", "Visualizar", "Forum", null, new { @class = "botaoVermelho floatLeft" })
<div style="clear: both; height: 15px;"></div>
<div class="divTexto">
    @foreach (var tema in Model.Select(m => new { m.Tema.Descricao, m.Tema.Id }).Distinct())
    {
        var foruns = Model.Where(m => m.IdTema == tema.Id);
        <div class="borderVermelha forumDetalhes" style="margin-bottom: 10px;">
            <div class="fonteDestaque" style="padding: 5px">@tema.Descricao
                <span style="font-size: small;">@string.Concat("(", foruns.Count(), foruns.Count() > 1 ? " tópicos)" : " tópico)")</span>
            </div>
            <div style="padding: 3px;">
                <table class="divTexto borderVermelha" style="display: none; color: #696969; cursor: default;">
                    <tr style="font-size: 13px;">
                        <td style="width: 65%; font-weight: bold;">
                            Assunto
                        </td>
                        <td style="width: 10%; font-weight: bold;">
                            Mensagens
                        </td>
                        <td style="width: 20%; font-weight: bold;">
                            Última mensagem
                        </td>
                    </tr>
                    @foreach (var item in foruns)
                    {
                        <tr>
                            <td>
                                <b>@Html.ActionLink(item.Assunto, "Participar", new { id = item.Id })</b><br />
                                <i>@Html.Raw(item.TextoBase)</i>
                            </td>
                            <td>
                                @item.ForumComentarios.Count()
                            </td>
                            <td>
                                @if (item.ForumComentarios.Count > 0)
                                {
                                    var comentario = item.ForumComentarios.Last().Comentario;
                                    @Html.ActionLink(comentario.Pessoa.NomeCompleto, "Perfil", "Pessoa", new { id = comentario.IdPessoa }, null)
                                    <br />
                                    <span>em @comentario.Data.ToRelativeDateString() </span>
                                }
                            </td>
                        </tr>    
                    }
                </table>
            </div>
        </div>
    }
</div>
